@tableA-border : 1px solid #696969;
.table-A{
  background: #fffe91;
  text-align: center;

  .title{
    height: 24px;
    line-height: 24px;
    background: #009bba;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border-bottom: @tableA-border;
  }

  .row{
    border-left: @tableA-border;
  }

  .row5{
    padding-left: 15px;
  }

  .cell{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    display: inline-block;
    border-right: @tableA-border;
    border-bottom: @tableA-border;
    vertical-align: top;
  }
  .red{
    background: #ff0000;
    color: #fff;
    font-weight: 700;
  }
}

.table-B{
  background: #fffe91;
  text-align: center;

  .title{
    height: 24px;
    line-height: 24px;
    background: #009bba;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border-bottom: @tableA-border;
  }

  .row{
    border-bottom: @tableA-border;
    &>dd:first-child{
      border-left: @tableA-border;
    }
  }

  .row5{

  }

  .cell{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    display: inline-block;
    border-right: @tableA-border;
    vertical-align: top;
  }
  .red{
    background: #ff0000;
    color: #fff;
    font-weight: 700;
  }
}

.singlelist-A{
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  text-align: center;
  background: #fffe91;
  margin-top: -1px;

  .cell{
    -webkit-box-flex: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    border: @tableA-border;
    border-left: none;
    width: 30px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  }
  &>.cell:first-child{
    border-left: @tableA-border;
  }
  
  .date{
    width: 100px;
    background: #009bba;
  }

  .red{
    background: #ff0000;
  }
  .blue{
    background: #000fff;
  }

  .tj{
    background: #e0b26d;
    width: 40px;
    color: #004b81;
  }
}